<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>Vista Previa Documento</title>
        <link rel="stylesheet" type="text/css" href="js/ext/resources/css/ext-all.css"/>
        <link rel="stylesheet" type="text/css" href="js/ext/resources/css/progress-bar.css"/>
        <script type="text/javascript" src="js/ext/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="js/ext/ext-all.js"></script>
        <script type="text/javascript" src="js/teclas.js"></script>
        <script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript" src="js/ext/Ext.ux.TinyMCE.min.js"></script>
        <script type="text/javascript" src="js/ext/funcionesgrid.js"></script>
        <script type="text/javascript" src="js/funciones.js"></script>
        <script type="text/javascript" src="js/prototype.js"></script>
        <script type="text/javascript">
            Ext.onReady(function(){
                var win;
                if(!win){
                    win = new Ext.Window({
                        applyTo:'hello-win',
                        layout:'fit',
                        width:500,
                        height:300,
                        closeAction:'hide',
                        plain: true,

                        items: new Ext.TabPanel({
                            applyTo: 'hello-tabs',
                            autoTabs:true,
                            activeTab:0,
                            deferredRender:false,
                            border:false
                        }),

                        buttons: [{
                                text:'Submit',
                                disabled:true
                            },{
                                text: 'Close',
                                handler: function(){
                                    win.hide();
                                }
                            }]
                    });
                }
                win.show(this);
            });
        </script>

    </head>
    <body>
        <div id="hello-win" class="x-hidden">

            <div class="x-window-header">Hello Dialog</div>
            <div id="hello-tabs">
                <!-- Auto create tab 1 -->
                <div class="x-tab" title="Hello World 1">
                    <p>Hello...</p>
                </div>
                <!-- Auto create tab 2 -->
                <div class="x-tab" title="Hello World 2">

                    <p>... World!</p>
                </div>
            </div>
        </div>

    </body>
</html>
